<template>
  <div class="models Addshipan" v-if="show">
  	<div class="addj">
  		<img src="../assets/images/images/del_03.png" alt="" @click="close()">
  		<h5>{{type == 'add'?'添加':'修改'}}实盘账号</h5>
  		<p>
  			<span>账号：</span>
  			<input type="text" v-model="shisetdata.accountNo">
  		</p>
  		<p>
  			<span>密码：</span>
  			<input type="text" placeholder="请输入" v-model="shisetdata.pwd">
  			<!-- <b>实盘账号不能为空</b> -->
  		</p>
  		<p>
  			<span>授权码：</span>
  			<textarea rows="" cols="" v-model="shisetdata.code">

  			</textarea>
  		</p>
  		<p>
  			<span>appid：</span>
  			<input type="text" v-model="shisetdata.appid">
  		</p>
  		<p>
  			<span>交易接口：</span>
  			<select name="" v-model="shisetdata.traderApiID" @change="ByApiId(shisetdata,true)">
  				<option v-for="i in jklst" :value="i.id">{[i.name]}</option>
  			</select>
  		</p>
  		<p style="margin-bottom: 0;">
  			<span>交易商：</span>
  			<select name="" v-model="shisetdata.dealerID">
  				<option v-for="i in jyslst" :value="i.id">{[i.name]}</option>
  				<!-- <option value="">易胜9.0</option>
  				<option value="">博易信管家</option>
  				<option value="">ctp</option> -->
  			</select>
  		</p>
  		<span>{{shisetdata.text}}</span>
  		<p>
  			<span style="opacity: 0;">1</span>
  			<button type="button" v-if="type == 'add'" @click="shiadd();">添加</button>
  			<button type="button" v-else @click="shiset();">保存修改</button>
  			<button type="button" class="active" @click="close()">取消</button>
  		</p>
  	</div>
  </div>
</template>

<script>
export default {
  name: 'Addshipan',
  props: {
    'shisetdata':{
      type:Object,
      default:function(){
        return {}
      }
    },
    'show':{
      type:Boolean,
      default:false
    },
    'type':{
      type:String,
      default:'add'
    },
  },
  data() {
    return {
      jyslst:[],jklst:[]
    };
  },
  methods: {
    close(){
      this.$parent = false;
    },
    getjy(){

    },
    shilogin(){

    },
    shiadd(){

    },
    shiset(){

    }
  },
  computed: {},
  mounted() {}
};
</script>
<style scoped>
/* @import '../assets/css/top.css'; */
.Top{height: 50px;overflow: hidden;position: relative; box-sizing: content-box; position: fixed;z-index: 1;width:calc(100% - 90px);transition: all .3s ease;right: 0;border-bottom: 10px solid #f7f6f6;line-height: 50px;font-size: 16px;color: #000;}
.chang{width:calc(100% - 200px)}
.Top >p{display: inline-block;  }
.tools{float: right;position: absolute;right: 0;background: #fff;}
.tools img{width: 16px;margin: 0 13px;cursor: pointer;}
.addj {
	width: 600px;
	height: 520px;
	position: absolute;
  left: 50%;
  top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	background: #fff
}

.addj>* {
	width: 390px;
	margin: 0 auto
}

.addj>h5 {
	text-align: center;
	font-size: 22px;
	color: #000;
	margin: 30px auto
}

.addj>p b,
.addj>span {
	color: red;
	font-size: 12px
}

.addj>p {
	position: relative;
	overflow: hidden;
	line-height: 30px;
	margin-bottom: 23px
}

.addj>p span {
	display: block;
	float: left;
	width: 75px
}

.addj>p input,
.addj>p select {
	float: left;
	width: 200px;
	height: 30px;
	border: 1px solid #eee
}

.addj>p b {
	position: absolute;
	padding-left: 5px
}

.addj>p textarea {
	width: 300px;
	float: left;
  height: 65px;
  max-height: 65px;
}

.addj>span {
	text-align: center;
	display: block;
	padding-top: 5px
}

.addj>p button,
.titletool>p:last-of-type button {
	padding: 5px 25px;
	display: block;
	line-height: initial;
  float: left;
}

.addj>p button {
	font-size: 14px;
	margin: 15px auto;
	background: #0081F0;
	color: #fff
}

.addj>p button.active {
	border: 1px solid #eee;
	background: 0 0;
	color: #333;
	margin-left: 25px
}

.addj>img,
.gensui>div>img,
.titletool>img {
	position: absolute;
	right: 5px;
	top: 5px;
	width:23px
}
</style>
